/* 
https://www.w3school.com.cn/
基础选择器：
    标签
    class
    id (id 在一个页面中不能有相同的)

扩展选择器
    并集选择器 x,y,z
    后代选择器 x [>] y
    交集选择器
    属性选择器

*/
/* div{
    color: blueviolet;
}

.box{
    color: red;
}

#box{
    color: cornflowerblue;
} */

/* div,h3,h4{
    color: blueviolet; 
} */

/* div > h3{
    color: green;
} */

/* .parent > h3{
    color: green;
} */

.list > li:nth-child(3){
    color: red;
}

.list > li:first-child{
    color: red;
}

.list > li:last-child{
    color: red;
}